/** * Create by mzq * Description: BlackBorder * Date: 2024/9/12 16:43 * Update: 2024/9/12 16:43 */

<template>
  <div class="borderContent bg-[#041222] rounded-[4px] text-white">
    <div class="flex pt-[0.026rem] pl-[0.0521rem]">
      <div class="borderContentImg">
        <img src="@/image/coordinate.png" alt="" />
      </div>
      <div class="borderContentTitle">{{title}}</div>
    </div>
    <slot name="content"></slot>
  </div>
</template>
<script setup>
defineProps({
  title: {
    type: String,
    default: ''
  }
})
</script>
<style scoped lang="scss">
.borderContent {
  font-family: 'OPPOSans';

  .borderContentImg {
    margin-right: 0.026rem /* 5/192 */;
  }

  .borderContentTitle {
    font-size: 0.0625rem /* 12/192 */;
  }
}
</style>
